<!DOCTYPE html>
<html>
<head>
	<title><%= title%></title>
</head>
  <link rel="stylesheet" type="text/css" href="stylesheets/index.css">
  <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="stylesheets/main.css">
	<link rel="stylesheet" type="text/css" href="stylesheets/side.css">
  <script type="text/javascript" src="bower_components/jquery-3.1.1.min.js"></script>
  <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<body> 
	<header>
	  	<div class="top-banner">
	  		<div class="top-left f-l">
	  			<a href="https://www.oschina.net/" class="top-logo"></a>
	  			<div class="top-nav">
	                <a class="nav-item" href="">首页</a>
	                <div class="nav-item nav-drop">
	                    <a href="" class="project">
	                        开源项目
	                        <i class="icon-svg"></i>
	                    </a>
	                    <div class="nav-drop-down first">
	                        <ul class="drop-list">
	                            <li><a href="https://www.oschina.net/project/zh">国产开源项目</a></li>
	                            <li><a href="https://www.oschina.net/project/tags">项目分类</a></li>
	                            <li><a href="https://www.oschina.net/project/list?sort=time">最新收录项目</a></li>
	                            <li class="split"></li>
	                            <li><a href="https://www.oschina.net/project/lang/19/java">Java 开源软件</a></li>
	                            <li><a href="https://www.oschina.net/project/lang/194/csharp">C# 开源软件</a></li>
	                            <li><a href="https://www.oschina.net/project/lang/22/php">PHP 开源软件</a></li>
	                            <li><a href="https://www.oschina.net/project/lang/21/c">C/C++ 开源软件</a></li>
	                            <li><a href="https://www.oschina.net/project/lang/26/ruby">Ruby 开源软件</a></li>
	                            <li><a href="https://www.oschina.net/project/lang/25/python">Python 开源软件</a></li>
	                            <li><a href="https://www.oschina.net/project/lang/358/go">Go开源软件</a></li>
	                            <li><a href="https://www.oschina.net/project/lang/28/javascript">JS开源软件</a></li>
	                        </ul>
	                    </div>
	                </div>
	                <div class="box nav-item nav-drop">
	                    <a href="" class="question">
	                        问答
	                        <i class="icon-svg icon-arr-down-white"></i>
	                    </a>
	                    <div class="nav-drop-down second">
	                        <ul class="drop-list">
	                            <li><a href="https://www.oschina.net/question?catalog=1"> 技术问答</a></li>
	                            <li><a href="https://www.oschina.net/question?catalog=2"> 技术分享</a></li>
	                            <li><a href="https://www.oschina.net/question?catalog=3"> IT大杂烩</a></li>
	                            <li><a href="https://www.oschina.net/question?catalog=100"> 职业生涯</a></li>
	                            <li><a href="https://www.oschina.net/question?catalog=4"> 站务/建议</a></li>
	                            <li><a href="https://www.oschina.net/alipay"> 支付宝专区</a></li>
	                            <li><a href="https://www.oschina.net/mopaas"> MoPaaS专区</a></li>
	                            <li><a href="https://www.oschina.net/hardware"> 开源硬件专区</a></li>
	                        </ul>
	                    </div>
	                </div>
	                <a href="" class="nav-item tweets">动弹</a>
	                <a href="" class="nav-item blog">博客</a>
	                <a href="" class="nav-item tran">翻译</a>
	                <a href="" class="nav-item news">资讯</a>
	                <div class="nav-item nav-drop">
	                    <a href="" class="mobile">
	                        专题
	                        <i class="icon-svg"></i>
	                    </a>
	                    <div class="nav-drop-down third">
	                        <ul class="drop-list drop-list-inline">
	                            <li><a href="" class="font-red">源创会</a> <a href="">视频</a></li>
	                            <li><a href="">高手问答</a> <a href="">访谈</a></li>
	                            <li><a href="">周刊</a> <a href="">乱弹</a></li>
	                            <li><a href="">公司开源导航页</a></li>
	                            <li class="android"><a href="">Android开发专区</a></li>
	                            <li class="ios"><a href="">iOS开发专区</a></li>
	                            <li class="ios"><a href="">iOS代码库</a></li>
	                            <li class="wp7"><a href="">Windows Phone</a></li>
	                        </ul>
	                    </div>
	                </div>
	                <a href="" class="nav-item event">活动</a>
	                <a href="" class="nav-item event">招聘</a>
           		 </div>
	  		</div>
	  		<div class="top-right f-r">
        <%if(username == undefined || username==""){%>
              [ <a href="/users/login">登录</a> | <a href="/users/signup">注册</a> ]
        <%}else{%>
              [ <a>欢迎 <%=username%></a> | <a href="/users/signout">退出</a> ]
          <%}%>
            </div>
	  	</div>
  	</header>
  	<!-- 共用header -->
  	<section id="main">
  		<header>
  			<div class="header-box">
  				<div class="box-l f-l">
  					<a href="">
  						<img src="https://www.oschina.net/build/oschina/components/imgs/oschina.svg?t=1484580392000">
  					</a>
  				</div>
  				<div class="box-m">
  					<div class="m-l f-l">
  						<div class="m-page">
  							<a href="" class="m-title">众包</a>
                            <a href="" class="banner-link" title="项目大厅">项目大厅</a>
                            <a href="" class="banner-link" title="软件与服务">软件与服务</a>
                            <a href="" class="banner-link" title="接活赚钱">接活赚钱</a>
                        </div>
  					</div>
  					<div class="m-m">
  						<div class="m-page">
  							<a href="" class="m-title">码云</a>
                            <a href="" class="banner-link" title="项目大厅">Git&SVN 代码托管</a>
                            <a href="" class="banner-link" title="软件与服务">Team 协作开发平台</a>
                            <a href="" class="banner-link" title="接活赚钱">在线工具</a>
                        </div>
  					</div>
  					<div class="m-r f-r">
  						<div class="m-page">
  							<a href="" class="m-title">活动</a>
                            <a href="" class="banner-link" title="项目大厅">线下活动</a>
                            <a href="" class="banner-link" title="软件与服务">发起活动</a>
                            <a href="" class="banner-link" title="接活赚钱">源创会</a>
                        </div>
  					</div>
  				</div>
  				<div class="box-r f-r">
  					<form>
  						<input type="text" class="search-text" placeholder="在 43475 款开源软件中搜索">
  						<button type="submit" class="ic-search"></button>
  					</form>
  				</div>
  			</div>
  		</header>
  		<div class="contianer">
  			<div id="main-l" class="f-l">
  				<div class="main-news">
  					<div class="news-l f-l">
  						<div class="news-type">
  							<a class="type f-l" href=""><span class="news-line"></span>综合资讯</a>
  							<div class="control-box f-r">
  								<span class="control-icon active"></span>
  								<span class="control-icon"></span>
  								<span class="control-icon"></span>
  								<a href="" class="more f-r">更多</a>
  							</div>
  						</div>
  						<div class="content">
  							<div class="top">
  								<a class="top-link" href=" target="_blank" title="<%= news[2].title%>"><%= news[2].title%></a>
  								<p class="top-content"><%= news[2].content%></p>
  							</div>
  							<ul class="page1 active">
  								<%for(var i=0;i< 10;i++){%>
  								<li>
  									<span class="li-icon"></span>
  									<a class="news-link is-today " href="" title="<%=news[i].title%>" target="_blank"><%=news[i].title%></a>
  									<span class="news-date"><%=news[i].time%></span> 
  								</li>
  								<% } %>
  							</ul>

     						<ul class="page2">
  								<li>
  									<span class="li-icon"></span>
  									<a class="news-link is-today " href="" title="深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？" target="_blank">深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？</a>
  									<span class="news-date">03/21</span> 
  								</li>
  							</ul>
  							<ul class="page3">
  								<li>
  									<span class="li-icon"></span>
  									<a class="news-link is-today " href="" title="深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？" target="_blank">深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？</a>
  									<span class="news-date">03/21</span> 
  								</li>
  							</ul>
  						</div>
  					</div>
  					<div class="news-r f-r">
  						<div class="news-type">
  							<a class="type f-l" href="">软件更新资讯</a>
  							<div class="control-box f-r">
  								<span class="control-icon active"></span>
  								<span class="control-icon"></span>
  								<span class="control-icon"></span>
  								<a href="" class="more f-r">更多</a>
  							</div>
  						</div>
  						<div class="content">
  							<div class="top">
  								<a class="top-link" href=" target="_blank" title="<%= news[6].title%>"><%= news[36].title%></a>
  								<p class="top-content"><%= news[36].content%></p>
  							</div>
  							<ul class="page1 active">
  							<%for(var i=30;i< 40;i++){%>
  								<li>
  									<span class="li-icon"></span>
  									<a class="news-link is-today " href="" title="<%= news[i].title%>" target="_blank"><%= news[i].title%></a>
  									<span class="news-date"><%= news[i].time%></span> 
  								</li>
  							<% } %>
  							</ul>
  							<ul class="page2">
  								<li>
  									<span class="li-icon"></span>
  									<a class="news-link is-today " href="" title="深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？" target="_blank">深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？</a>
  									<span class="news-date">03/21</span> 
  								</li>
  							</ul>
  							<ul class="page3">
  								<li>
  									<span class="li-icon"></span>
  									<a class="news-link is-today " href="" title="深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？" target="_blank">深圳源创会图文回顾及 PPT 分享：谁动了我的开源内裤？</a>
  									<span class="news-date">03/21</span> 
  								</li>
  							</ul>
  						</div>
  					</div>
  				</div>
  				<div class="adv">
  					<a href=""><img src="https://img.alicdn.com/tfs/TB1gYGeQXXXXXaaXpXXXXXXXXXX-900-64.jpg"></a>
  				</div>
  				<div class="reconmment">
  					<div class="reconmment-l f-l">
  						<div class="news-type">
							<a class="type f-l" href=""><span class="news-line"></span>每周软件推荐</a>
							<div class="control-box f-r">
								<a href="" class="more f-r">更多</a>
							</div>
  						</div>
  						<div class="reconmment-main">
  							<div class="img-box-l f-l">
  								<a class="img-link" href="">
  									<img src="https://static.oschina.net/uploads/img/201703/11192424_NjAF.png">
  									<div class="layer"></div>
  									<span class="ask1">API 的查询语言 GraphQL</span>
  								</a>
  							</div>
  							<div class="img-box-r f-r">
  								<a class="img-link2 f-l" href="">
  									<img src="https://static.oschina.net/uploads/space/2017/0312/071128_9a6H_12.jpg">
  									<div class="layer"></div>
  									<span class="asks">Docker 容器管理系统 Rancher</span>
  								</a>
  								<a class="img-link2 f-r" href="">
  									<img src="https://static.oschina.net/uploads/space/2017/0305/074956_qO63_12.png">
  									<div class="layer"></div>
  									<span class="asks">Docker 的 Web 管理工具 DockerFly</span>
  								</a>
  								<a class="img-link2 f-l" href="">
  									<img src="https://static.oschina.net/uploads/space/2017/0227/095319_bPbk_12.jpg">
  									<div class="layer"></div>
  									<span class="asks">数据中间层项目 ProxySQL</span>
  								</a>
  								<a class="img-link2 f-r" href="">
  									<img src="https://static.oschina.net/uploads/space/2017/0219/211955_3Erc_12.png">
  									<div class="layer"></div>
  									<span class="asks">码云 Visual Studio 插件 CodeCloud.VisualStudio</span>
  								</a>
  							</div>
  						</div>
  					</div>
  					<div class="reconmment-r f-r">
  						<div class="news-type">
							<a class="type f-l" href=""><img class="mayunicon" src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/git.svg?t=1485095704000"> 每周软件推荐</a>
							<div class="control-box f-r">
								<a href="" class="more f-r">更多</a>
							</div>
  						</div>
  						<a class="newgit" href="">
				            <h1 class="git-name">Chronicle_of_End <span class="git-lang">[JavaScript]</span></h1>
				            <p class="git-content wrap">挖坑：自制的开源跨平台日系RPG游戏。开发工具：RPG Maker MV</p>
  						</a>
  						<a class="newgit" href="">
				            <h1 class="git-name">Chronicle_of_End <span class="git-lang">[JavaScript]</span></h1>
				            <p class="git-content wrap">挖坑：自制的开源跨平台日系RPG游戏。开发工具：RPG Maker MV</p>
  						</a>
  						<a class="newgit" href="">
				            <h1 class="git-name">Chronicle_of_End <span class="git-lang">[JavaScript]</span></h1>
				            <p class="git-content wrap">挖坑：自制的开源跨平台日系RPG游戏。开发工具：RPG Maker MV</p>
  						</a>
  						<a class="newgit" href="">
				            <h1 class="git-name">Chronicle_of_End <span class="git-lang">[JavaScript]</span></h1>
				            <p class="git-content wrap">挖坑：自制的开源跨平台日系RPG游戏。开发工具：RPG Maker MV</p>
  						</a>
  						<a class="newgit" href="">
				            <h1 class="git-name">Chronicle_of_End <span class="git-lang">[JavaScript]</span></h1>
				            <p class="git-content wrap">挖坑：自制的开源跨平台日系RPG游戏。开发工具：RPG Maker MV</p>
  						</a>
  					</div>
  				</div>
          <div id="container">
            <div class="w1200">
              <div class="header w900">
                <span id="blog">
                  <a href="" class="first">开源中国众包</a>
                  <a href="">微信小程序</a>
                  <a href="" class="line">|</a>
                  <a href="">网站开发</a>
                  <a href="" class="line">|</a>
                  <a href="">APP</a>
                  <a href="" class="line">|</a>
                  <a href="">微信服务号</a>
                  <a href="" class="line">|</a>
                  <a href="">H5营销</a>
                  <a href="" class="f_right"><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/goto.svg?t=1484694830000">进入众包平台</a>
                </span>
              </div>
    <div class="wrap">
      <div class="w550">
        <ul>
          <li><a href="">口袋职场API</a><p>¥2,000</p></li>
          <li><a href="">SOC外围系统数据整合</a><p>¥495,000</p></li>
          <li><a href="">electron+webpack+vue打包软件问题解决</a><p>¥1,000</p></li>
          <li><a href="">某指数试算及数据分析系统开发</a><p>¥150,000</p></li>
          <li><a href="">物流信息系统开发</a><p>¥3,000</p></li>
          <li><a href="">桌面应用程序美工设计</a><p>¥2,000</p></li>
          <li><a href="">扫描及封面识别、数据抓取</a><p>¥10,000</p></li>
          <li><a href="">封装调用ABBYY Finereader</a><p>¥1,000</p></li>
          <li><a href="">电子档案/文档管理系统重构及优化</a><p>¥10,000</p></li>
          <li><a href="">测评网站修改</a><p>¥2,500</p></li>
          <li><a href="">基于开源Open edx架构建立线上教育视频平台</a><p>竞标报价</p></li>
        </ul>
      </div>
      <div class="w350">
        <p><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/service.svg?t=1484694830000">开源技术服务<a href="">更多</a></p>
        <div class="icon f_margin">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_mongodb.jpg?t=1484694830000" alt="mongoDB"></a>
          <a href="" class="name">mongoDB</a>
        </div>
        <div class="icon">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_wordpress.jpg?t=1484694830000" alt="WordPress"></a>
          <a href="" class="name">WordPress</a>
        </div>
        <div class="icon">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_redhat.jpg?t=1484694830000" alt="linux"></a>
          <a href="" class="name">linux</a>
        </div>
        <div class="icon">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_java.jpg?t=1484694830000" alt="Java"></a>
          <a href="" class="name">Java</a>
        </div>
        <div class="icon f_margin">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_docker.jpg?t=1484694830000" alt="Docker"></a>
          <a href="" class="name">Docker</a>
        </div>
        <div class="icon">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_mysql.jpg?t=1484694830000" alt="MySQL"></a>
          <a href="" class="name">MySQL</a>
        </div>
        <div class="icon">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_python.jpg?t=1484694830000" alt="Python"></a>
          <a href="" class="name">Python</a>
        </div>
        <div class="icon">
          <a href=""><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/zb_apache.jpg?t=1484694830000" alt="Apache"></a>
          <a href="" class="name">Apache</a>
        </div>
        <div class="service">
          <img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/ic_zb_find.svg?t=1484694830000"><img id="second" src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/zb/ic_zb_service.svg?t=1484694830000">
        </div>
      </div>
    </div>
    <div class="header2 w900">
      <span id="blog">
        <a href="" class="first">技术问答</a>
        <a href="">技术问答</a>
        <a href="" class="line">|</a>
        <a href="">技术分享</a>
        <a href="" class="line">|</a>
        <a href="">IT大杂烩</a>
        <a href="" class="line">|</a>
        <a href="">站务/建议</a>
        <a href="" class="line">|</a>
        <a href="">微电影</a>
        <a href="" class="line">|</a>
        <a href="" class="zysy">职业生涯</a>
        <a href="" class="f_right"><img src="https://www.oschina.net/build/oschina/community/stylesheets/imgs/ic_add.svg?t=1485010910000">我要提问</a>
      </span>
    </div>
    <div class="wrap">
      <div class="w550">
        <span class="jswd">
          <a href="">原创翻译</a>
          <a href="">OSCHINA</a>
          <a href="">Java</a>
          <a href="">C/C++</a>
          <a href="">PHP</a>
          <a href="">Android</a>
          <a href="">IOS</a>
        </span>
        <ul>
          <li><a href="" class="hov">[顶]【谁动了我的开源内裤？】2017年深圳源创会图文回顾</a><p class="read">45回/1870阅</p></li>
          <li><a href="" class="hov">[顶]高手问答第 146 期 — 分布式系统常用技术及案例分析</a><p class="read">28回/1415阅</p></li>
          <li><a href="" class="hov">[顶]【开源访谈】乔国治：分布式数据库如何实现海量数据实时查询</a><p class="read">2回/2015阅</p></li>
          <li><a href="" class="hov">[顶]《Java从基础到企业级实战系列课程》在线免费直播教学</a><p class="read">6回/2401阅</p></li>
          <li><a href="" class="hov">[顶]400余份阿里珍贵技术资料限时免费下载（持续更新中）</a><p class="read">¥3,000</p></li>
          <li><a href="">桌面应用程序美工设计</a><p class="read">8回/1749阅</p></li>
          <li><a href="">mysql 存储过程 ifnull（）</a><p class="read">0回/5阅</p></li>
          <li><a href="">JFinal如何设置Response header “Cache-Control”</a><p class="read">1回/33阅</p></li>
          <li><a href="">jdk</a><p class="read">4回/27阅</p></li>
          <li><a href="">springMVC传入jasperReport javaBean</a><p class="read">0回/7阅</p></li>
          <li><a href="">PHP中可变变量名，再数组，老提示变量没设置，哪里有问题，瞅瞅</a><p class="read">4回/59阅</p></li>
          <li><a href="">JFinal如何设置Response header “Cache-Control”</a><p class="read">1回/33阅</p></li>
          <li><a href="">jdk</a><p class="read">4回/27阅</p></li>
        </ul>
      </div>
      <div class="w350">
        <div class="slider">
          <img src="http://www.oschina.net/build/oschina/community/stylesheets/imgs/master.svg?t=1484580392000">
          <span>高手问答第 146 期<a href="">查看往期</a></span>
          <p class="fenbu">分布式系统常用技术</p>
          <div class="person">
            <img src="https://static.oschina.net/uploads/img/201703/20232159_6sGs.jpg">
            <span><h3>柳伟卫</h3><a href="">提问</a></span>
            <p>多年软件开发管理及系统架构经验。负责过多个省、国家级大型分布式系统的设计与研发，也负责过多个大型项目的微服务架构的技术改造。</p>
          </div>
        </div>
        <div class="message">
          <span>
            <img src="http://www.oschina.net/build/oschina/community/stylesheets/imgs/wonderful.svg?t=1484580392000">精彩问答<a href="">更多</a>
          </span>
        </div>
        <div id="myCarousel" class="carousel slide">
          <div class="carousel-inner">
            <div class="item active">
              <a href="">花生壳内网穿透付费服务是否稳定？</a>
              <p>68回/4640阅</p>
              <div class="tag">
                <div class="arrow">
                    <em></em><span></span>
                  </div><a href="">YelaSilent:</a>卧槽，我的宝地成了哲学家们抒发情感展示才华的地方了，最怕的就   是这个！   本来是想请教真正老鸟一个问题，结果伪老鸟纷纷跑过来，让我辨   别一下。
              </div>
            </div>
            <div class="item">
              <a href="">职业规划困惑，求指点</a>
              <p>168回/3440阅</p>
              <div class="tag">
                <div class="arrow">
                    <em></em><span></span>
                  </div><a href="">博文视点:</a>OSC 第 145 期高手问答 -- 开源的分布式分析引擎 Apache Kylin（公布中奖名单） @Li_Peng    @sca7    @小鲅鱼    @myw31415926    @吐槽的达达仔
              </div>
            </div>
          <a class="carousel-control left" href="#myCarousel" 
             data-slide="prev"></a>
          <a class="carousel-control right" href="#myCarousel" 
             data-slide="next"></a>
        </div>
      </div>
    </div>
    <div class="header2 w900">
      <span id="blog">
        <a href="" class="first">博客</a>
        <a href="">移动开发</a>
        <a href="" class="line">|</a>
        <a href="">前端开发</a>
        <a href="" class="line">|</a>
        <a href="">人工智能</a>
        <a href="" class="line">|</a>
        <a href="">服务端开发/管理</a>
        <a href="" class="line">|</a>
        <a href="">游戏开发</a>
        <a href="" class="line">|</a>
        <a href="">编程语言</a>
        <a href="" class="line">|</a>
        <a href="">数据库</a>
        <a href="" class="line">|</a>
        <a href="">企业开发</a>
        <a href="" class="f_right">更多</a>
      </span>
    </div>
    <div class="wrap">
      <div class="w550">
        <ul>
          <li><a href="">Android基础夯实--重温动画（一）之Tween Animation</a><p class="read">16阅/0评/0赞</p></li>
          <li><a href="">谷歌开源图片压缩算法Guetzli实测体验报告</a><p class="read">28阅/0评/0赞</p></li>
          <li><a href="">圆桌论道：聊聊小程序的发展生态，小程序还值得投入吗？</a><p class="read">360阅/2评/1赞</p></li>
          <li><a href="">论快速原型设计的重要性</a><p class="read">70阅/0评/0赞</p></li>
          <li><a href="">是时候让你们知道这些最好的开发者网站了！</a><p class="read">4568阅/44评/7赞</p></li>
          <li><a href="">桌面应用程序美工设计</a><p class="read">167阅/2评/0赞</p></li>
          <li><a href="">适合新手学习的laravel接入微信接口，实现微信公众号二次开发</a><p class="read">156阅/1评/0赞</p></li>
          <li><a href="">有趣的二进制</a><p class="read">3506阅/18评/10赞</p></li>
          <li><a href="">yarn升级cgroup</a><p class="read">53阅/0评/0赞</p></li>
          <li><a href="">策略模式</a><p class="read">323阅/2评/0赞</p></li>
          <li><a href="">阿里-蚂蚁金服三轮面试总结</a><p class="read">2082阅/27评/9赞</p></li>
        </ul>
      </div>
      <div class="w350">
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20154550_7JML.png"></a>
          <a href="" class="photo">厉害了，我的 talent-aio，支撑17.82万 TCP 长连接只消耗 800M 内存</a>
        </div>
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20154718_MfPS.png"></a>
          <a href="" class="photo">Javascript 常用的设计模式详解</a>
        </div>
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20154855_VMOE.png"></a>
          <a href="" class="photo">Spring Boot HTTP over JSON 的错误码异常处理</a>
        </div>
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20183706_lix3.png"></a>
          <a href="" class="photo">iOS 开发优秀博客和软件推荐</a>
        </div>
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20154550_7JML.png"></a>
          <a href="" class="photo">厉害了，我的 talent-aio，支撑17.82万 TCP 长连接只消耗 800M 内存</a>
        </div>
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20154718_MfPS.png"></a>
          <a href="" class="photo">Javascript 常用的设计模式详解</a>
        </div>
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20154855_VMOE.png"></a>
          <a href="" class="photo">Spring Boot HTTP over JSON 的错误码异常处理</a>
        </div>
        <div class="txt">
          <a href=""><img src="https://static.oschina.net/uploads/img/201703/20183706_lix3.png"></a>
          <a href="" class="photo">iOS 开发优秀博客和软件推荐</a>
        </div>
      </div>
    </div>
    <img src="https://static.oschina.net/uploads/cooperation/index_banner_four_vTlNl.jpg" class="image">
    <div class="a900">
      <div class="header3 w550">
        <span class="lead">
          <a href="" class="first zysy">职业生涯</a>
          <a href="" class="f_right">更多</a>
        </span>
      </div>
      <div class="header3 w350">
        <span class="lead">
          <a href="" class="first">招聘信息</a>
          <a href="" class="f_right">更多</a>
        </span>
      </div>
    </div>
    <div class="wrap">
      <div class="w550">
        <ul>
          <li><a href="">怎么学好Java，选择培训机构？</a><p class="read">29评/1059阅</p></li>
          <li><a href="">误入女厕是多么囧的体验！！！</a><p class="read">21评/2669阅</p></li>
          <li><a href="">招聘PHP兼职</a><p class="read">360阅/2评/1赞</p></li>
          <li><a href="">跳不跳槽，各位帮我分析下吧</a><p class="read">70阅/0评/0赞</p></li>
          <li><a href="">如果有个漂亮的女孩子为了  咱钱多,话少,死的早  跟咱好  怎么办？</a><p class="read">4568阅/44评/7赞</p></li>
          <li><a href="">一个令我一辈子都很恼火的 ，尴尬的事。</a><p class="read">167阅/2评/0赞</p></li>
          <li><a href="">无意间看到主管与老板的微信聊天，开发人员用完就扔</a><p class="read">156阅/1评/0赞</p></li>
          <li><a href="">进新公司遇到漂亮女程序员怕和她说话好尴尬</a><p class="read">3506阅/18评/10赞</p></li>
          <li><a href="">[腾讯内推] 有意者速度砸简历~</a><p class="read">53阅/0评/0赞</p></li>
          <li><a href="">代码写的烦了 闲时开了个淘宝店卖袜子 </a><p class="read">323阅/2评/0赞</p></li>
        </ul>
      </div>
      <div class="a350">
        <span class="where">
          <a href="">北京</a>
          <a href="">上海</a>
          <a href="">广州</a>
          <a href="">深圳</a>
          <a href="">成都</a>
          <a href="">武汉</a>
          <a href="">南京</a>
          <a href="">长沙</a>
          <a href="">西安</a>
        </span>
        <ul>
          <li><a href="">开源中国  -  Java 开发工程师 8-15K/深圳</a></li>
          <li><a href="">成蹊信息  -  nodejs express工程师 10-20K/上海</a></li>
          <li><a href="">开源中国  -  C/C++开发工程师 10-20K/深圳</a></li>
          <li><a href="">开源中国  -  Ruby开发工程师 10-20K/深圳</a></li>
          <li><a href="">成蹊信息  -  nodejs express工程师 10-20K/上海</a></li>
          <li><a href="">新盛蓝  -  Java高级工程师 10-15K/杭州</a></li>
          <li><a href="">新盛蓝  -  Linux运维 8-12K/杭州</a></li>
          <li><a href="">江苏爬山虎科技  -  Java开发工程师 8-16K/南京</a></li>
        </ul>
      </div>
    </div>
    <div class="footer">
      <div class="list">
        <h2>社区</h2>
        <ul>
          <li><a href="">开源项目</a></li>
          <li><a href="">技术问答</a></li>
          <li><a href="">动弹</a></li>
          <li><a href="">博客</a></li>
        </ul>
      </div>
      <div class="list">
        <h2></h2>
        <ul>
          <li><a href="">开源资讯</a></li>
          <li><a href="">技术翻译</a></li>
          <li><a href="">专题</a></li>
          <li><a href="">招聘</a></li>
        </ul>
      </div>
      <div class="list">
        <h2>众包</h2>
        <ul>
          <li><a href="">项目大厅</a></li>
          <li><a href="">软件与服务</a></li>
          <li><a href="">接活赚钱</a></li>
        </ul>
      </div>
      <div class="list">
        <h2>码云</h2>
        <ul>
          <li><a href="">Git代码托管</a></li>
          <li><a href="">Team</a></li>
          <li><a href="">PaaS</a></li>
          <li><a href="">在线工具</a></li>
        </ul>
      </div>
      <div class="list">
        <h2>活动</h2>
        <ul>
          <li><a href="">线下活动</a></li>
          <li><a href="">发起活动</a></li>
          <li><a href="">源创会</a></li>
        </ul>
      </div>
      <div class="list">
        <ul>
          <li><p>关注微信公众号<p></li>
          <li><img src="http://www.oschina.net/build/oschina/community/stylesheets/imgs/wechat.jpg?t=1484694603000"></li>
        </ul>
      </div>
      <div class="list last">
        <ul>
          <li><p>下载手机客户端<p></li>
          <li><img src="http://www.oschina.net/build/oschina/community/stylesheets/imgs/mob.jpg?t=1484694603000"></li>
        </ul>
      </div>
    </div>
    </div>



            </div>


          </div>


  			</div>
  			<div id="main-r" class="f-r">
            <div class=" pull right">
               <div class="tout">
                  <a href=""><img src="images/mty.png"></a>
               </div>
               <div class="zz">
                  <h3>
                     <a href="">阿里云服务器新服首发，限时5折，新老用户均可享受！</a>
                  </h3>
               </div>
               <form action="/message" method="post" class="ssk"><!-- 发动弹的搜索框。 -->
                  <textarea class="tweet-editor" name="content" placeholder="今天你动弹了吗？"></textarea>
                  <button id="submit" type="submit" class="bn-tweet">动弹</button>
               </form>
               <div id="dtlb"><!-- 动弹列表 -->

                  <div class="head">
                     <a href="">最新动弹</a>
                     <!-- <a href="">热门动弹</a> -->
                     <a class="ts" href="/messageBoard">更多</a>
                  </div>
                  <div class="list">
                    <%for(var i=0 ; i<message.length;i++){%>
                     <div class="list-n">
                        <p><span><%= message[i].name%></span> : <%= message[i].content%></p>
                        <span><%= message[i].time%></span>
                     </div>
                     <%}%>      
                  </div>
               </div>
               <div><!-- 线下活动 -->
                  <div class="head2">
                     <h2>线下活动</h2>
                     <a href="">更多</a>
                  </div>
                  <div class="dt">
                     <a href=""><img src="images/dt.png"></a>
                     <div class="bg">
                        <div class="zzz">
                           <a href="">大数据与机器学习的最佳实践</a>
                           <div class="box">
                              <time class="time">2017.3.25</time>
                              <address class="address">浙江杭州</address>
                           </div>
                        </div>
                     </div>
                  </div>
                  <%for(var i=0;i<8;i++){%>
                  <a href="" class="m8">
                     <h2 class="name">魅族技术开放日第七期：数据探索</h2>
                     <div class="shidi">
                        <time>2017.3.25</time>
                        <address class="you">浙江杭州</address>
                     </div>
                  </a>
                  <%}%>
               </div>
               <div class="myzk"><!-- 码云周刊 -->
                  <div class="head2">
                     <h2>码云周刊</h2>
                     <a href="">更多</a>
                  </div>
                  <a href=""><img src="images/zk.png"></a>
               </div>
               <div class="zxgj"><!-- 在线工具 -->
                  <div class="head2">
                     <h2>在线工具</h2>
                  </div>
                  <ul class="lb">
                     <li class="toolitem">
                        <a href=""><img src="images/team.png"></a>
                        <span class="item">
                           <a href="">Team@OSC 团队协作</a>
                           <span class="intro">团队协作开发平台，周报，便签，任务管理，应有尽有，轻松管理轻量级团队。</span>
                        </span>
                     </li>
                  </ul>
                  <ul class="lb">
                     <li class="toolitem">
                        <a href=""><img src="images/git.png"></a>
                        <span class="item">
                           <a href="">Git@OSC 代码托管</a>
                           <span class="intro">开源中国社区团队基于开源项目 GitLab 开发的在线代码托管平台。</span>
                        </span>
                     </li>
                  </ul>
                  <ul class="lb">
                     <li class="toolitem">
                        <a href=""><img src="images/sonar.png"></a>
                        <span class="item">
                           <a href="">Sonar@OSC代码质量检查</a>
                           <span class="intro">开源中国基于Sonar打造的代码质量管理系统，与 Git@OSC 紧密结合。</span>
                        </span>
                     </li>
                  </ul>
                  <ul class="lb">
                     <li class="toolitem">
                        <a href=""><img src="images/paas.png"></a>
                        <span class="item">
                           <a href="">PaaS@OSC 项目演示</a>
                           <span class="intro">开源中国社区团队跟 MoPaaS 合作，为开发者提供更可靠的代码托管和演示服务。</span>
                        </span>
                     </li>
                  </ul>
                  <ul class="lb">
                     <li class="toolitem">
                        <a href=""><img src="images/ostools.gif"></a>
                        <span class="item">
                           <a href="">OSTools 在线工具</a>
                           <span class="intro">提供在线CSS/JS 调试，在线API文档,Less CSS编译器等在线工具</span>
                        </span>
                     </li>
                  </ul>
                  <ul class="lb">
                     <li class="toolitem">
                        <a href=""><img src="images/runjs_logo.gif"></a>
                        <span class="item">
                           <a href="">OSTools 在线工具</a>
                           <span class="intro">提供在线CSS/JS 调试，在线API文档,Less CSS编译器等在线工具</span>
                        </span>
                     </li>
                  </ul>
                  <ul class="lb">
                     <li class="toolitem">
                        <a href=""><img src="images/php.png"></a>
                        <span class="item">
                           <a href="">OSTools 在线工具</a>
                           <span class="intro">提供在线CSS/JS 调试，在线API文档,Less CSS编译器等在线工具</span>
                        </span>
                     </li>
                  </ul>
               </div>
            </div>  				
  			</div>
  		</div>
  	</section>

    <div class="bottom">
      <div class="w1200">
        <span class="f_left">©开源中国(OSChina.NET)<a href="" class="about">关于我们</a><a href="">广告联系</a><a href="">@新浪微博</a>
        </span>
        <span class="f_right">开源中国社区是工信部 &nbsp;<a href="">开源软件推进联盟</a>指定的官方社区 &nbsp;&nbsp;粤ICP备12009483号-3</span>
      </div>
    </div>
</body>
</html>
 
<script type="text/javascript">
  $('.project').mouseover(function () {
    $('.first').addClass('active')
  })
  $('.first').mouseover(function () {
    $(this).addClass('active')
  })
  $('.first').mouseout(function () {
    $(this).removeClass('active')
  })
</script> 
